<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">
<head>
    <title>个人信息</title>
    <div data-th-replace="layout/head"></div>
</head>
<body>
    <!-- top bar -->
    <header class="bar bar-nav">
        <a class="button button-link button-nav pull-left goBack" th:href="@{/mobile/uc/index}">
            <span class="iconfont icon-fanhui"></span>
        </a>
        <h1 class='title title-white'>个人信息</h1>
    </header>
    <!-- top bar end-->

    <div class="content order-content">
        <section class="wm-line"></section>
        <div class="card">
            <div class="list-block pt5">
                <ul class="pb5">
                    <li>
                        <div class="item-content">
                            <div class="item-media">
                                <div class="item-title">头像</div>
                            </div>
                            <div class="item-after">
                                <div class="facebook-avatar mr5">
                                    <img th:if="!${#strings.isEmpty(user['avatar'])}" class="wm-img list-block-userface" th:src="${user['avatar']}" width="40" height="40" alt=""/>
                                    <img th:if="${#strings.isEmpty(user['avatar'])}" class="wm-img list-block-userface" th:src="@{{path}/front/mobile/v3/img/default/default-face.jpg?v={v}(path=${staticPath},v=${v})}" width="40" height="40" alt=""/>
                                </div>
                            </div>
                        </div>
                    </li>
                </ul>
                <section class="wm-line mt5"></section>
                <ul>
                    <li class="item-content item-link updateUserName" th:attrappend="data-id=${user['nickname']}">
                        <div class="item-inner">
                            <div class="item-title">昵称</div>
                            <div class="item-after" th:text="${user['nickname']}"></div>
                        </div>
                    </li>
                    <li class="item-content item-link updateUserPassword">
                        <div class="item-inner">
                            <div class="item-title">密码</div>
                            <div class="item-after"></div>
                        </div>
                    </li>
                </ul>
                <section class="wm-line mt5"></section>
                <ul>
                    <li class="item-content item-link myAcademic" >
                        <div class="item-inner">
                            <div class="item-title">学业信息</div>
                        </div>
                    </li>
                    <li class="item-content item-link myAddress" >
                        <div class="item-inner">
                            <div class="item-title">收货地址</div>
                            <div class="item-after"><span class="fs4 c-999">修改/添加</span></div>
                        </div>
                    </li>
                </ul>
                <section class="wm-line mt5"></section>
                <ul>
                    <!--<li class="item-content item-link myThirdPartyAccount">
                        <div class="item-inner">
                            <div class="item-title">第三方账号绑定</div>
                            <div class="item-after">&nbsp;</div>
                        </div>
                    </li>-->
                    <li class="item-content item-link updateRealName" th:attrappend="data-id=${user['realName']}">
                        <div class="item-inner">
                            <div class="item-title">姓名</div>
                            <div class="item-after" th:text="${user['realName']}"></div>
                        </div>
                    </li>
                    <li class="item-content item-link">
                        <div class="item-inner">
                            <div class="item-title">性别</div>
                            <div class="item-input text-right">
                                <select name="gender" id="updateUserGender" style="width: auto;display: inline-block;color: #5f646e">
                                    <option th:selected="${user['gender']}==0" th:class="${user['gender']}==0?opt:''" value="0">保密</option>
                                    <option th:selected="${user['gender']}==1" th:class="${user['gender']}==1?opt:''" value="1">男</option>
                                    <option th:selected="${user['gender']}==2" th:class="${user['gender']}==2?opt:''" value="2">女</option>
                                </select>
                            </div>
                        </div>
                    </li>
                    <li class="item-content item-link" data-type="date">
                        <div class="item-inner">
                            <div class="item-title">生日</div>
                            <div class="item-input">
                                <input style="text-align: right;" th:disabled="${user['birthday']}!=null" placeholder="填写生日有惊喜哦~~" th:value="${#strings.substring(user['birthday'],0,11)}" name="birthday" id="birthdayDate" readonly type="text">
                            </div>
                        </div>
                    </li>
                    <li class="item-content item-link updateBinding" data-type="mobile" th:attrappend="data-id=${user['mobile']}">
                        <div class="item-inner">
                            <div class="item-title">手机号</div>
                            <div class="item-after" th:text="${user['mobile']}"></div>
                        </div>
                    </li>
                    <li class="item-content item-link updateBinding" data-type="email" th:attrappend="data-id=${user['email']}">
                        <div class="item-inner">
                            <div class="item-title">邮箱</div>
                            <div class="item-after" th:text="${user['email']}"></div>
                        </div>
                    </li>
                </ul>

                <!--<section class="wm-line mt5"></section>
                <ul>
                    <li class="item-content item-link updateUserInfo" th:attrappend="data-info=${user['userInfo']}">
                        <div class="item-inner">
                            <div class="item-title">个性签名</div>
                            <div class="item-after">
                                <span class="fs4" th:if="${#strings.isEmpty(user['userInfo'])}">这个人很懒，什么也没有留下~~~</span>
                                <span class="fs4" th:if="!${#strings.isEmpty(user['userInfo'])}" th:text="${#strings.length(user['userInfo'])} > 15 ? ${#strings.substring(user['userInfo'],0,15)}+'...':${user['userInfo']}">
                                </span>
                            </div>
                        </div>
                    </li>
                </ul>-->
            </div>
            </div>
        </div>
    </div>

    <div data-th-replace="layout/footer"></div>
    <script type="text/javascript" th:src="@{{path}/front/mobile/business/user/center/userInfo/user-info.js?v={v}(path=${staticPath},v=${v})}"></script>
</body>
</html>